Con l'avvento del Desk Top Publishing e' nato un dilemma
per i designers: "Ho 19 font, potrebbe essere un peccato non usarli
correttamente". Allo stesso modo si puo' dire che sebbene il proprio
monitor sia in grado di mostrare 16 milioni di colori, non tutti coloro
che accedono al proprio sito saranno in grado di visualizzarli tutti.
Sebbene, quindi, un'immagine GIF usi 256 colori, i colori del proprio
sistema operativo potrebbero non essere gli stessi 256. E sia i sistemi
Macintosh, che quelli Windows si riservano un certo numero di colori per
uso interno, riducendo ulteriormente il numero effettivo di colori
disponibili.
Si parte, quindi, da 216 colori che possono essere
visualizzati correttamente in un gran numero di browser, fra cui Netscape
ed Explorer. La palette CLUT (Color Lookup Table) di Netscape, mostra i
216 colori selezionati. Se si usa questa palette per indicizzare o come
swatch palette, quando si creano le GIF, allora si riduce drasticamente la
possibilita' di contrasti e 'macchie'. Spesso i problemi sono legati alla
mancanza di adeguata VRAM (Video RAM). Si potrebbe consigliare a tutti i
visitatori di fare un upgrade del proprio sistema, ma cio' sarebbe
indubbiamente di scarso effetto.
Teoria dei colori.
Se si decide di investire del tempo per selezionare i colori
che saranno visualizzati attraverso diverse piattaforme e browser, perche'
non riflettere anche sul messaggio che i colori usati daranno del proprio
sito? I colori stabiliscono l'umore e il tono del discorso, e generalmente
completano la natura dell'informazione che viene presentata. Tipicamente,
se un desginer o uno sviluppatore ha selezionato un colore diverso da
quelli di default, e' molto probabile che in questi casi esso sia bianco o
nero.
Il bianco sotituisce la pagina stampata, percio' e'
particolarmente indicato se nella propria pagina c'e' molto testo. La
e-zine letteraria Word, ad esempio, utilizza il bianco come colore di
sfondo per i testi, con ottimi risultati. Il nero, d'altra parte, sembra
avere una caratteristica seduttiva per molti, giacche' e' il colore ideale
come sfondo per le immagini.
La leggibilita' puo' essere una delle
considerazioni piu' importanti quando si sceglie un colore. Ci si deve
sempre chiedere se c'e' abbastanza contrasto fra lo sfondo, il testo e i
link per rendere le differenze. Se si usa uno sfondo chiaro, il testo e i
link dovranno avere abbastanza saturazione e una tonalita' giusta. Se si
usa uno sfondo scuro, ad esempio, i colori dovrebbero essere chiari e
luminosi per essere leggibili.
E poioche' i colori disponibili sono
216, cio' non significa, ovviamente, che debbano essere usati tutti.
Scegliendone due o tre, si puo' creare un immagine online molto forte. il
sito della Federal Express, per esempio, ben lungi dall'essere una
meraviglia di tecnologia, ha tradotto un'identita' forte sul web, con i
suoi ampiamente riconosciuti viola e arancio.
Tutti i buoni designer,
sia per web che per altri supporti, si basano su una buona conoscenza
della teoria dei colori. Una cosiddetta 'ruota dei colori' base consiste
di 12 colori. I colori primari sono il giallo, il rosso e il blu. I colori
secondari l'arancio, il viola e il verde, e sono creati mescolando due
alla volta i primari. I sei rimanenti colori sono detti terziari e sono
creati mescolando un primario e un secondario. Le relazioni fra colori
sulla ruota sono complementari, per analogia o triadiche.
I colori
complementari sono quelli consecutivi sulla ruota. La loro sovrapposizione
genera vibrazioni visive. I colori per analogia sono tre colori adiacenti,
come blu-violetto, blu e blu tendente al verde. Le composizioni per
analogia sono armoniose poiche' due colori contengono il terzo.
I
colori triadici, infine, sono quelli equidistanti, come rosso, giallo e
blu. A causa della loro relazione sulla ruota dei colori, essi sono molto
bilanciati. I tre colori primari sono il miglior gruppo
triadico.
Come vengono specificati i
colori
Sul web, si possono specificare i
colori in due maniere. La piu' diretta e' quella di usare uno dei 16 nomi
ampiamente riconosciuti (aqua, black, blue, fucsia, gray, green, lime,
maroon, navy, olive, purple, red, silver, teal, white, e yellow), che sono
i colori originariamente selezionati per le prime versioni di Windows. Si
puo' anche usare un numero esadecimale di sei cifre, che rappresenti un
equivalente RGB (Red Green Blue). Ci sono tool come Color Tools per il
Mac, o il Color Browser per PC, disponibili presso
http://maximized.com/freeware/clrbrwsr/, che
calcolano il codice esadecimale, ma si corre sempre il rischio di
dithering ed effetto macchia se non si rientra nei magici 216 colori
menzionati prima. L'RGB Hex Triplet Color Chart e' una buona guida in
questo senso presso http://www59.metronet.com/colors/.
Come specificare i colori in
HTML
Se non si specifica nulla nel tag
<BODY>, i
colori di default sono: sfondo grigio, testo nero, link blu, link visitati
violetto, e link appena selezionati in rosso. Stessa cosa per Explorer,
eccezion fatta per i link appena selezionati che saranno verdi. Il colore
puo' essere introdotto in un documento HTML con relativa semplicita',
usando i tag <BODY>, <FONT>, e <TABLE>, con un equivalente esadecimale o uno dei nomi dei colori
fondamentali elencati prima.
Il tag <BODY>
Gli attributi del tag
<BODY>
sono
<TEXT>, che specifica il testo del documento.
LINK, per i link non ancora
seguiti
VLINK,
per i link gia' visitati
ALINK, per i link appena selezionati (valido
solo in Netscape)
Combinando i vari attributi si puo' ottenere una stringa
come questa:
<BODY
BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#0000FF"
ALINK="#0FF00">
In questo esempio, lo sfondo e'
bianco, il testo nero, i link sono rossi, quelli visitati blu, e i link
appena selezionati verdi.
Il tag <FONT>
Se si vuol colorare una porzione di testo in manier
differente da quella specificata nell'attributo TEXT, si aggiunge l'attributo COLOR al tag <FONT>:
<FONT COLOR="#FF00FF"> ...
</FONT>
In questo caso il testo all'interno
del tag sara' rosa chiaro.
Il tag <TABLE>
Il colore puo' essere
introdotto in una tabella includendo un attributo BGCOLOR all'interno di
una serie di tag della tabella come:
<TABLE BGCOLOR="# FF00FF"> ... </TABLE>
Per colorare i dati della tabella:
<TD BGCOLOR="#FF00FF"> ...
</TD>
Per colorare un header della tabella:
<TH BGCOLOR="#FF00FF"> ...
</TH>
Per colorare una riga della tabella:
<TR BGCOLOR="#FF00FF"> ...
</TR>
|
